<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>

<body>
    <ol class="breadcrumb">
        <li><a href="home.html">官网首页</a></li>
        <li><a href="list.html">列表页</a></li>
        <li class="active">商品详情</li>
    </ol>
    <div class="goods">
        <div class="fangdajing">
            <div class="enlarge">
                <div class="middleBox">
                    <img src="../images/1.jpg" alt="">
                    <div class="mask"></div>
                    <div class="bigBox">
                        <img src="../images/1.jpg" alt="">
                    </div>
                </div>
                <div class="smallBox">
                    <img class="active" src="../images/1.jpg" alt="">
                    <img src="../images/2.jpg" alt="">
                    <img src="../images/3.jpg" alt="">
                    <img src="../images/4.jpg" alt="">
                    <img src="../images/5.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="goodsinfo">
            <p>商品名称：<b class="title"></b></p>
            <p>商品价格：<b class="price"></b></p>
            <p>商品分类：<b class="category"></b></p>
            <p>
                <a href="javascript:;" class="addCart btn btn-primary">加入购物车</a>
                <a href="cars.html" class="shopping btn btn-danger">去购物车结算</a>
            </p>
        </div>
    </div>
    <div class="detail"></div>
</body>
<script src="../js/promiseAjax.js"></script>
<script src="../js/detail.js"></script>

</html>